<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Position Details</title>    
    <script type="text/javascript" src="js/MicrosoftAjax.js"></script>
    <link rel="stylesheet" type="text/css" href="css/details.css" />
</head>

<body onload="init();" >
    
<div id="container" style="z-index: 104; left: 0px; width: 370px; position: absolute;
        top: 57px; height: 370px;">
    
    <div id="positionLabel" class="label" style="z-index: 104; left: 7px; width: 370px; position: absolute;
        top: 3px; padding-left:5px;"></div>
        
    <div id="positionDescription" style="z-index: 103; left: 7px; width: 350px; position: absolute;
    top: 20px; height: 140px;padding-left:5px;">        
    </div>
</div>   
    
    
<script type="text/javascript">

    function init() 
    {   
	    _jobTitle = System.Gadget.Settings.readString("positionJobTitle");
	    _refCode = System.Gadget.Settings.readString("positionRefCode");
	    _description = System.Gadget.Settings.readString("positionDescription");
	    $get('positionLabel').innerHTML = _jobTitle + ' ( ' + _refCode + ' )';
        $get('positionDescription').innerHTML = _description;
    }   

</script>
    
</body>
</html>
